/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

div#fundraising {
    position: relative;
    width: 480px;
    height: 630px;
}

div#fundraising div#callout {
    background: url(/images/fundraising-callout.png) no-repeat top left;
    width: 270px;
    height: 150px;
    position: absolute;
    left: -15px;
    padding: 15px 0 0 15px;
}

div#fundraising div#callout div#calloutAmount {
    width: 70px;
    height: 41px;
    background: url(/images/fundraising-bubble-numbers.png) no-repeat;
    float: left;
}

div#fundraising div#callout div#calloutText {
    margin-left: 78px;
    width: 138px;
}

div#fundraising div#callout div#calloutText img {
    margin-top: 10px;
}

div#fundraising div#thermometerHolder {
    float: right;
    width: 200px;
    position: relative;
}

div#fundraising div#thermometerHolder div#thermometerBackground {
    background-image: url(/images/thermometer-matrix.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 152px;
    height: 620px;
    float: right;
}

div#fundraising div#thermometerHolder div#thermometerDonationAmounts {
    float: right;
    position: absolute;
    top: 40px;
}

div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li {
    background-image: url(/images/thermometer-matrix.png);
    background-position: -1543px 0;
    background-repeat: no-repeat;
    height: 27px;
    width: 45px;
    text-indent: -12345px;
    position: absolute;
}

div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate1 { top: 400px; left: 25px; background-position: -1543px -249px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate2 { top: 353px; left: 22px; background-position: -1543px -222px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate3 { top: 305px; left: 19px; background-position: -1543px -195px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate4 { top: 261px; left: 16px; background-position: -1543px -166px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate5 { top: 220px; left: 13px; background-position: -1543px -138px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate6 { top: 181px; left: 10px; background-position: -1543px -110px; height: 29px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate7 { top: 142px; left: 7px; background-position: -1543px -82px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate8 { top: 103px; left: 4px; background-position: -1543px -55px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate9 { top: 60px; left: 1px; background-position: -1543px -27px; height: 28px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate10 { top: 11px; left: 0; background-position: -1543px 0px; }

div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate1.selected { background-position: -1543px -525px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate2.selected { background-position: -1543px -498px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate3.selected { background-position: -1543px -471px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate4.selected { background-position: -1543px -442px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate5.selected { background-position: -1543px -414px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate6.selected { background-position: -1543px -386px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate7.selected { background-position: -1543px -358px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate8.selected { background-position: -1543px -331px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate9.selected { background-position: -1543px -303px; }
div#fundraising div#thermometerHolder div#thermometerDonationAmounts ul li.donate10.selected { background-position: -1543px -276px; }

div#fundraising div#thermometerHolder div#thermometerBackground.donate1 { background-position: 0 0 }
div#fundraising div#thermometerHolder div#thermometerBackground.donate2 { background-position: -153px 0 }
div#fundraising div#thermometerHolder div#thermometerBackground.donate3 { background-position: -306px 0 }
div#fundraising div#thermometerHolder div#thermometerBackground.donate4 { background-position: -459px 0 }
div#fundraising div#thermometerHolder div#thermometerBackground.donate5 { background-position: -612px 0 }
div#fundraising div#thermometerHolder div#thermometerBackground.donate6 { background-position: -765px 0 }
div#fundraising div#thermometerHolder div#thermometerBackground.donate7 { background-position: -918px 0 }
div#fundraising div#thermometerHolder div#thermometerBackground.donate8 { background-position: -1071px 0 }
div#fundraising div#thermometerHolder div#thermometerBackground.donate9 { background-position: -1224px 0 }
div#fundraising div#thermometerHolder div#thermometerBackground.donate10 { background-position: -1378px 0 }

div#fundraising div#callout.donate1 { top: 381px; }
div#fundraising div#callout.donate2 { top: 322px; }
div#fundraising div#callout.donate3 { top: 285px; }
div#fundraising div#callout.donate4 { top: 242px; }
div#fundraising div#callout.donate5 { top: 202px; }
div#fundraising div#callout.donate6 { top: 165px; }
div#fundraising div#callout.donate7 { top: 124px; }
div#fundraising div#callout.donate8 { top: 85px; }
div#fundraising div#callout.donate9 { top: 42px; }
div#fundraising div#callout.donate10 { top: -7px; }

div#fundraising div#callout.donate1 div#calloutAmount { background-position: 0 0; }
div#fundraising div#callout.donate2 div#calloutAmount { background-position: 0 -41px; height: 39px; }
div#fundraising div#callout.donate3 div#calloutAmount { background-position: 0 -80px; height: 41px; }
div#fundraising div#callout.donate4 div#calloutAmount { background-position: 0 -122px; height: 39px; }
div#fundraising div#callout.donate5 div#calloutAmount { background-position: 0 -160px; height: 42px; }
div#fundraising div#callout.donate6 div#calloutAmount { background-position: 0 -202px; height: 44px; }
div#fundraising div#callout.donate7 div#calloutAmount { background-position: 0 -247px; height: 41px; }
div#fundraising div#callout.donate8 div#calloutAmount { background-position: 0 -287px; height: 40px; }
div#fundraising div#callout.donate9 div#calloutAmount { background-position: 0 -327px; height: 41px; }
div#fundraising div#callout.donate10 div#calloutAmount { background-position: 0 -368px; height: 45px; }